<template>
  <!-- 公告信息组件 -->
  <hr />
  <!-- 公告信息头 -->
  <div class="container">
    <div class="box1">
      <span class="left-text">公告信息</span>
      <span class="right-text" style="font-size: 13px"
        >你所在的位置：公告信息</span
      >
    </div>
  </div>
   



</template>  
  
<script>


export default {


}






</script>  
  
<style scoped>
.box1 {
  background-color: rgb(143, 185, 229);
  border-bottom: 8px solid #2676e5;
  display: flex;
  justify-content: space-between; /* 两端对齐，左侧和右侧的文本各自靠边 */
  padding: 20px;
  align-items: center; /* 垂直居中 */
  width: 80%; /* 占据浏览器宽度的75% */
  height: 40px;
  margin: 0 auto; /* 水平居中 */
}




</style>